@import "../global/mixin.less";
.post-wrapper {
  .margin-center(90%);
  overflow: hidden;
  padding: 30px 0;
  .post-card-wrapper {
    .post-card {
      background: @bg8-green;
      // 这个颜色还ok
      padding: 20px 10px 5px 20px;
      border-radius: 20px;
      box-shadow: 2px 4px 2px 1px rgba(#ccc, 0.2);
      .post-title {
        .center();
        .post-title-text {
          font-size: 24px;
          line-height: 42px;
          font-weight: 600;
        }
      }
      .post-infomation {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
        margin-bottom: 20px;
        span {
        }
        .post-category-wrapper {
          .post-category {
          }
        }
        .post-tags-wrapper {
          .post-tag {
          }
        }
      }
      // 文章内容的样式，这部分比较复杂，抽离出来了
      .post-content {
        @import "../widget/post-article-content.less";
      }
    }
    .post-comment-wrapper {
      margin: 30px 5px 10px 5px;
      .post-comment {
      }
    }
  }
  .post-toc-wrapper {
    min-width: 25%;
    .post-toc-wrap {
      width: 100%;
      @import "../partial/post-toc.less";
    }
  }
}
.mobile-toc-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 120;
  display: none;
  @import "../partial/mobile-toc.less";
}
.reward-wrapper {
  @import "../widget/post-reward.less";
}
@media only screen and (max-width: 993px) {
  .post-wrapper {
    width: 95%;
  }
}
